<script setup lang="ts">
import { ref } from 'vue'

const username = ref('')
const password = ref('')

const login = () => {
  console.log(username.value, password.value)
}
const reset = () => {
  username.value = ''
  password.value = ''
}

// const changeUserName = (e: Event) => {
//   // console.log(e.target as HTMLInputElement);
//   // console.log((e.target as HTMLInputElement).value);
//   username.value = (e.target as HTMLInputElement).value
// }

</script>


<template>
  <div id="app">
    <!-- 账户：<input type="text" :value="username" @input="changeUserName"> <br><br> -->
    账户：<input type="text" v-model="username"> <br><br>
    密码：<input type="password" v-model="password"> <br><br>
    <button @click="login">登录</button>
    <button @click="reset">重置</button>
  </div>
</template>

<style></style>